const path = require('path'); // 引入path模块
function resolve(dir) {
	return path.join(__dirname, dir); // 设置绝对路径
}
const paths=['/good-center','/user-center','/adver-cente'];
const proxyConfig={}
paths.forEach(item=>{
	proxyConfig[item]={
		target: "http://4cn1780950.zicp.vip/",
		ws: false,
		changeOrigin: true
	}
})
module.exports = {

	// 代理
	devServer: {
		port: 8080,
		disableHostCheck: true,
		// proxy:proxyConfig,
		// proxy: {
		// 	'/good-center': {
		// 		target: "http://4cn1780950.zicp.vip/",
		// 		ws: false,
		// 		changeOrigin: true
		// 	},
		// 	'/user-center': {
		// 		target: "http://4cn1780950.zicp.vip/",
		// 		ws: false,
		// 		changeOrigin: true
		// 	},
		// 	'/adver-cente':{
		// 		target: "http://4cn1780950.zicp.vip/",
		// 		ws: false,
		// 		changeOrigin: true
		// 	}
		// }
	},
	css: {
		loaderOptions: {
			postcss: {
				plugins: [
					require('postcss-pxtorem')({ // 把px单位换算成rem单位
						rootValue: 37.5, // 换算的基数(设计图750的根字体为32)
						selectorBlackList: ['weui', 'mu'], // 忽略转换正则匹配项
						propList: ['*']
					})
				]
			}
		}
	},
	// 文件

	chainWebpack: config => {
		// 配置文件绝对路径
		config.resolve.alias
			// set第一个参数：设置的别名，第二个参数：设置的路径
			.set('@', resolve('./src'))
			.set('views', resolve('./src/views'))
			.set('assets', resolve('./src/assets'))
			.set('layout', resolve('./src/components/layout'));

		// 配置svg
		const svgRule = config.module.rule("svg");
		svgRule.uses.clear();
		svgRule
			.use("svg-sprite-loader")
			.loader("svg-sprite-loader")
			.options({
				symbolId: "icon-[name]"
			});
	},
}
